<script lang="ts" setup>
defineProps<{
  name?: string;
  cover?: string;
  address?: string;
}>();
</script>

<template>
  <apt-section custom-style="margin-bottom: 20rpx">
    <view class="flex items-center">
      <image :src="cover" class="order-details__hotel-info-cover"></image>
      <view class="flex-1 ml-2">
        <view class="text-lg text-primary font-medium">{{ name }}</view>
        <view class="mt-1 text-sm text-fourth">{{ address }}</view>
      </view>
    </view>
  </apt-section>
</template>

<style>
.order-details__hotel-info-cover {
  width: 114rpx;
  height: 168rpx;
  border-radius: 16rpx;
}
</style>
